<!DOCTYPE html>
<html lang="cn">
<head>
    <meta id="meta" about="" charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name=”viewport” content=”width=device-width, initial-scale=1″ />
    <meta name="keywords" content="aa, aa, aa, aa, aa, aa, aa, aa, aa">
    <meta name="description" content="aa bb cc" />
    <meta name="msapplication-TileImage" content="">
    <title><?php echo $projectName?> - <?php echo TITLE_BROWSER;?></title>
    <link rel="shortcut icon" type="image/ico" href="<?php echo URL_ASSET_ROOT;?>img/favicon.png" />
    <link rel="stylesheet" href="<?php echo URL_ASSET_ROOT;?>css/lib/bootstrap/bootstrap-3.3.7.min.css">
    <link rel="stylesheet" href="<?php echo URL_ASSET_ROOT;?>css/private/browser/browser.pc.min.css">
</head>
<body>

<input type="hidden" id="project_id_input" value="<?php echo $projectId;?>">
<input type="hidden" id="server_url_input" value="<?php echo URL_SERVER;?>">
<input type="hidden" id="logo_url_input" value="<?php echo $logoUrl;?>">
<input type="hidden" id="music_url_input" value="<?php echo $musicUrl;?>">
<input type="hidden" id="map_url_input" value="<?php echo $mapUrl;?>">
<input type="hidden" id="prj_url_input" value="<?php echo $prjUrl;?>">

<div class="middle">
    <div class="middle-container">

        <img id="spinner" class="spinner" src="<?php echo URL_ASSET_ROOT;?>img/icon_spinner.png" style="display: none;"/>

        <canvas id="mapCanvas" class="mapCanvas"></canvas>

        <canvas id="canvas" class="canvas"></canvas>

        <img id="music_btn" class="music_btn" src="<?php echo URL_ASSET_ROOT;?>img/public/icon_music.png" style="display: block;"/>
        <audio id="music_audio"></audio>

        <img id="fs_btn" class="fs_btn" src="<?php echo URL_ASSET_ROOT;?>img/public/icon_fs.png" style="display: block;"/>
        <img id="vr_btn" class="vr_btn" src="<?php echo URL_ASSET_ROOT;?>img/public/icon_vr.png" style="display: block;"/>
        <img id="auto_btn" class="auto_btn" src="<?php echo URL_ASSET_ROOT;?>img/public/icon_auto.png" style="display: block;"/>

    </div>
</div>

<script language="JavaScript" type="text/javascript">
    var browser = {
        versions: function () {
            var u = navigator.userAgent, app = navigator.appVersion;
            return {
                trident: u.indexOf('Trident') > -1, // IE
                presto: u.indexOf('Presto') > -1, // opera
                webKit: u.indexOf('AppleWebKit') > -1, // apple google core
                gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, // firefox
                mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/),
                ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
                android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
                iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,
                iPad: u.indexOf('iPad') > -1,
                webApp: u.indexOf('Safari') == -1
            };
        } ()
    };
    if(browser.versions.trident) {
        alert('此浏览器暂不支持！');
    } else {
        document.getElementById('spinner').style.display = '';
    }
</script>

<script type="text/javascript" src="<?php echo URL_ASSET_ROOT;?>js/lib/jquery/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="<?php echo URL_ASSET_ROOT;?>js/lib/bootstrap/bootstrap-3.3.7.min.js"></script>
<script type="text/javascript" src="<?php echo URL_ASSET_ROOT;?>js/lib/tween/tween-16.3.5.min.js"></script>
<script type="text/javascript" src="<?php echo URL_ASSET_ROOT;?>js/lib/jquery_rotate/jquery.rotate-min.js"></script>
<script type="text/javascript" src="<?php echo URL_ASSET_ROOT;?>js/lib/jquery_fullscreen/jquery.fullscreen-min.js"></script>
<script type="text/javascript" src="<?php echo URL_ASSET_ROOT;?>js/lib/bowser/bowser-1.0.0.min.js"></script>
<script type="text/javascript" src="<?php echo URL_ASSET_ROOT;?>js/lib/sam/sam.comp.js"></script>
<script type="text/javascript" src="<?php echo URL_ASSET_ROOT;?>js/lib/sam/probe.js"></script>
<script type="text/javascript" src="<?php echo URL_ASSET_ROOT;?>js/lib/sam/view.js"></script>
<script type="text/javascript" src="<?php echo URL_ASSET_ROOT;?>js/lib/md5/md5-2.3.0.min.js"></script>
<script type="text/javascript" src="<?php echo URL_ASSET_ROOT;?>js/private/lib/ut.min.js"></script>
<script type="text/javascript" src="<?php echo URL_ASSET_ROOT;?>js/lib/paper/paper-core-v0.10.2.min.js"></script>
<script type="text/javascript" src="<?php echo URL_ASSET_ROOT;?>js/private/browser/browser.pc.min.js"></script>

<!--友盟统计-->
<style type="text/css">#cnzz_stat_icon_1261120765 {display: none;}</style>
<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1261120765'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1261120765' type='text/javascript'%3E%3C/script%3E"));</script>

</body>
</html>
